<!doctype html>
<html style="height: 100%">
<head>
    <script src="__TMPL__/public/assets/js/jquery-1.10.2.min.js"></script>

    <!--<script src="__TMPL__/public/assets/js/bootstrap.min.js"></script>-->
    <script src="__STATIC__/js/highcharts/highcharts.js"></script>

    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <script src="__STATIC__/js/highcharts/modules/exporting.js"></script>
    <script src="__STATIC__/js/highcharts/modules/data.js"></script>
    <script src="__STATIC__/js/highcharts/themes/grid-light.js"></script>


    <meta charset="UTF-8">
    <title>我的桌面</title>
    <style>
        body {
            background-color: #ECF1F5;
        }
        td {
            width: 200px;
            background-color: #fff;

        }
    </style>
</head>
<body style="height: 100%; margin: 0">
<table class="table table-bordered">
    <caption><div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">今日关键指标</a>
        </div>
        <ul class="nav navbar-nav navbar-right">
            <li><a href="#"><span class="glyphicon glyphicon-user"></span> 刷新</a></li>

        </ul>
    </div>
    </caption>

    <thead>
    <tr>
        <th>天数</th>
        <th>营业额</th>
        <th>客单数</th>
        <th>品相销售量</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>日</td>
        <td>{$data['yingyee']}</td>
        <td>{$dataa['dingdanshu']}</td>
        <td>{$datab['goodsnum']}</td>
    </tr>
    <tr>
        <td>周</td>
        <td>{$weekon['weekone']}</td>
        <td>{$weekdan['weekdan']}</td>
        <td>{$weekxiao['eekxiao']}</td>
    </tr>
    <tr>
        <td>月</td>
        <td>{$monthon['monthon']}</td>
        <td>{$monthdan['monthdan']}</td>
        <td>{$monthxiao['monthxiao']}</td>
    </tr>
    </tbody>
</table>

<ul class="nav nav-pills">
    <li ><a href="#">营业额 <span class="badge">{$alwayson['alwayson']}</span></a></li>
    <li><a href="#">客单数<span class="badge">{$alwaysdan['alwaysdan']}</span></a></li>
    <li><a href="#">品相销量 <span class="badge">{$alwaysxiao['alwaysxiao']}</span></a></li>
</ul>
<div id="container" style="height: 100%"></div>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/simplex.js"></script>
<script type="text/javascript">
    var dom = document.getElementById("container");
    var myChart = echarts.init(dom);
    var app = {};
    option = null;
    var one;
    $.ajax({
       type:"POST",
       url:"weekme",
       success:function(date){
        one = date.msg;
        option = {
        xAxis: {
            type: 'category',
            data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [one[0], one[1], one[2], one[3], one[4], one[5], one[6]],
            type: 'line'
        }]
    };
    ;
    if (option && typeof option === "object") {
        myChart.setOption(option, true);
    }
       }
    });
 
</script>

</body>
</html>
